import React from 'react'
import Swiper from './Swiper'
import { CookbookWrapper } from './styledCookbook'
import Search from '@/components/search/Search'
import { Button } from 'antd-mobile'

export default function CookbookUi() {
  const handleSearchClick = () => {
    console.log(100)
  }

  return (
    <CookbookWrapper>
      <h1>美食大全</h1>
      <Swiper></Swiper>
      <Search
        borderColor="#ee742f"
        borderRadius={10}
        outerBg="#f6f6f6"
        innerBg="#fff"
        searchClick={handleSearchClick}
      ></Search>
      <Button type="primary">dianwo</Button>
    </CookbookWrapper>
  )
}
